<template>
  <div class="layout-container">
    <div class="layout-main">
      <!-- 出口 -->
      <router-view />
     
    </div>
    <div class="layout-footer">
      <van-tabbar v-model="active">
        <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>     
        <van-tabbar-item icon="shopping-cart" to="/shop">商城</van-tabbar-item>
        <van-tabbar-item icon="chat-o" to="/news">消息</van-tabbar-item>
        <van-tabbar-item icon="user-circle-o" to="/users">我</van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style lang="less" scoped>
</style>